<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
    <title>华迅直购</title>
    <link rel="stylesheet" type="text/css" href="css/root.css"/>
    <link rel="stylesheet" type="text/css" href="css/entrance/home.css"/>
    <link rel="stylesheet" type="text/css" href="css/address/address.css"/>
    <script type="text/javascript" src="js/base/jquery-3.1.1.min.js?ver=2.0.4" charset="utf-8"></script>
    <script type="text/javascript" src="js/base/underscore-min.js"></script>
    <script src="js/base/api.js"></script>
    <script src="js/base/base.js"></script>
    <script src="js/base/vue.js"></script>
    <script src="js/base/vue-filter.js"></script>

    <script type="text/javascript" src="js/base/magiclamp.js?ver=2.0.3" charset="utf-8"></script>


    <script type="text/javascript" src="js/goods_comment_modefy.js?ver=2" charset="utf-8"></script>
</head>
<body>
<div id="address_modefy">
    <header>
        <a @click="page_back" v-if="baseConfig.is_phone" class="h-left back-btn"><i
                class="iconfont icon-fanhui"></i></a>
        <h1 class="h-title">商品评价 </h1>
    </header>
    <div id="root">
        <div class="pay-gs-list g-wrap margin-bottom">
            <div v-for="goodsitem in goods_order_item">
                <div class="g-item" @click="go_goods_detail(goodsitem.goods_id)">
                    <div class="g-item-wrap">
                        <span class="g-img">
                            <img :src="baseConfig.qn_host+goodsitem.small_image__fileurl+'?imageView2/1/w/70/h/70'">
                        </span>
                        <div class="g-i-info">
                            <p class="g-i-name order-goods-title">{{goodsitem.name}}</p>
                            <p class="order-goods-mark margin-bottom" v-if="goodsitem.gg">{{goodsitem.gg}}</p>
                            <p class="order-goods-mark" v-if="goodsitem.bz" v-text="'备注:'+goodsitem.bz"></p>
                            <p class="order-goods-mark" v-if="goodsitem.id">商品ID:{{goodsitem.goods_id}}</p>
                            <p class="order-count">
                            <span class="order-goods-price"
                                  v-text="price_filter(goodsitem.price-goodsitem.bu_tie_price)"></span>
                                <span class="order-goods-num">数量{{goodsitem.num}}</span>
                            </p>

                        </div>
                    </div>
                </div>
                <div  style="margin: auto;width: 100%;text-align: center;color: #999999;padding-bottom: 1rem;">您的评价决定我们的江湖地位，请认真对待～</div>
                <div style="margin: auto;width: 100%;text-align: center;color: #999999;padding-bottom: 0.5rem;">
                     综合评价
                </div>
                <div style="display: flex; flex-direction: row;justify-content:center;">
                    <img v-for="img in start_list" :id="'star_'+goodsitem.id+'_'+img.index" @click="dafen(goodsitem, img.index)" :src="img.index<=goodsitem.pingfen?'img2/star_big_light.png':'img2/star_big_normal.png'" style="width: 2rem;margin: 0.5rem;">
                </div>
                <div style="margin: auto;width: 100%;text-align: center;color: #999999;padding-bottom: 0.5rem;">
                    <textarea  rows="4" placeholder="评价" style="width: 85%;border-radius: 10px;border: 1px solid #FFA028;"
                              v-model="goodsitem.pingjia" maxlength="50"></textarea>
                </div>
            </div>
        </div>

        <button class="add-bom-btn" type="button" @click="save_comment()" >提交</button>
    </div>

</div>
</body>
</html>